<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>快租365_一站式电脑租赁和IT服务电商</title>
    <link rel="icon" href="./images/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./stylesheets/carts.css">
</head>
<body>
    
    <div class="head">
        <div class="header">
            <div class="header-left">
                <div class="register yellogreen"><a href="./login.html">登录</a></div>
                <div class="login yellogreen"><a href="#">注册</a></div>
            </div>
        
            <div class="header-right">
                <ul>
                    <li class="header-right-one">招商
                        <img src="./images/ms-settle.jpg" alt="">
                    </li>
                    <li><span class="shu">|</span></li>
                    <li class="header-right-two yellogreen">
                        <a href="#">个人中心</a>
                        <div class="mylist">
                            <div><a href="#">我的订单</a></div>
                            <div><a href="#">在租订单</a></div>
                            <div><a href="./register.html">注册</a></div>
                        </div>
                    </li>
                    <li><span class="shu">|</span></li>
                    <li class="header-right-three  yellogreen"><a href="#"></a>帮助中心</a></li>
                    <li><span class="shu">|</span></li>
                    <li class="header-right-four">客服热线:<span>400-9026-365</span></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="logo"><a href="./index.html"><img src="./images/logo_full.png"></a></div>
        <div class="intention"><a href="#">我要问价</a></div>
        <div class="ipt">
            <input type="text" placeholder="输入关键字" >
            <button>搜索</button>
            <div class="hot-keywords">
                热门搜索：
                <a href="#">手机</a>
                <a href="#">ThinkPad</a>
                <a href="#">组装机</a>
                <a href="#">苹果</a>
                <a href="#">打印</a>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="nav-title">
            <div class="classify"><span class="list-all">商品分类</span>
                <ul class="collator">
                    <li class="collator1">
                        <h5><span class="icon1"></span>办公电脑</h5>
                        <a href="#">电脑笔记本</a>
                        <a href="#">台式机</a>
                        <a href="#">组装机</a>
                        <a href="#">一体机</a>
                    </li>
                    <li class="collator2">
                        <h5><span class="icon2"></span>办公外设</h5>
                        <a href="#">投影仪</a>
                        <a href="#">电视</a>
                        <a href="#">净化器</a>
                        <a href="#">平板</a>
                        <a href="#">显示器</a>
                        <a href="#">打印机</a>
                        <a href="#">配件</a>
                    </li>
                    <li class="collator3">
                        <h5><span class="icon3"></span>办公服务</h5>
                        <a href="#">办公软件</a>
                        <a href="#">IT服务</a>
                    </li>
                    <li class="collator4">
                        <h5><span class="icon4"></span>使用场景</h5>
                        <a href="#">普通办公</a>
                        <a href="#">技术开发</a>
                        <a href="#">轻薄便携</a>
                        <a href="#">原型设计</a>
                    </li>
                    <li class="collator5">
                        <h5><span class="icon5"></span>价格区间</h5>
                        <a href="#">0~100元</a>
                        <a href="#">100~150元</a>
                        <a href="#">150~300元</a>
                        <a href="#">300~500元</a>
                    </li> 
                </ul>
            </div>
        </div>
        <div class="nav-list">
            <ul>
                <li class="fistone"><a href="#">首页</a></li>
                <li class="nav-second"><a href="#">全部机型</a></li>
                <li><a href="#">免压租赁</a></li>
                <li class="hot-icon">
                    <a href="#">企回收</a>
                    <img src="./images/new_icon.png" alt="">
                </li>
                <li><a href="#">关于俺们</a></li>
            </ul>
        </div>
        <div class="refund">我要还款</div>
    </div>
    <div class="cart-title">
        <ul>
            <li class="li1">选择</li>
            <li class="li2">商品信息</li>
            <li class="li3">租金元/月</li>
            <li class="li4">数量</li>
            <li class="li5">小计（元）</li>
            <li class="li6">造作</li>
        </ul>
    </div>
    <div class="cart-content">
        <!-- <ul class="cart-list">
            <li class="li1">
                <input class="checked" type="checkbox">
            </li>
            <li class="li2">
                <div class="goods-imgs"><img src="./images/5d2c660eac2a3be879bd.jpg" alt=""></div>
                <div class="goods-title">你好呀</div>
            </li>
            <li class="li3">¥<span>6000</span></li>
            <li class="li4">1</li>
            <li class="li5">¥<span>6000</span></li>
            <li class="li6">删除</li>
        </ul> -->
        <!-- <div class="cart-account">
            <div class="select">
                <input class="checkedAll" type="checkbox">
                <p>全选  删除选中商品 清空购物车</p>
            </div>
            <div class="money">
                <div>结算</div>
                <p>总金额¥<span>6000</span>元</p>
            </div>
        </div> -->
    </div>
    <div class="footer">
        <div class="advert">
            <ul>
                <li class="advert-a">
                    <span></span><b>超省心</b>
                    <p>额度一秒审批，物流安心便捷</p>
                </li>
                <li class="advert-b">
                    <span></span><b>超灵活</b>
                    <p>设备以租代购续换买随心选</p>
                </li>
                <li class="advert-c">
                    <span></span><b>超安心</b>
                    <p>售后全国联保最长三年上门</p>
                </li>
            </ul>
        </div>
        <div class="footer-list">
            <div class="footer-list-left">
                <ul>
                    <li class="list-group-item">
                        <h5>关于快租365</h5>
                        <a href="#">关于我们</a>
                        <a href="#">商务合作</a>
                        <a href="#">加入我们</a>
                        <a href="#">联系我们</a>
                        <a href="#">联系我们</a>
                    </li>
                    <li class="list-group-item">
                        <h5>帮助中心</h5>
                        <a href="#">免押租赁</a>
                        <a href="#">租赁流程</a>
                        <a href="#">租赁方式</a>
                        <a href="#">售后服务</a>
                        <a href="#">常见问题</a>
                    </li>
                    <li class="list-group-item">
                        <h5>媒体中心</h5>
                        <a href="#">媒体报道</a>
                        <a href="#">新闻中心</a>
                    </li>
                    <li class="list-group-item">
                        <h5>快捷通道</h5>
                        <a href="#">我要还款</a>
                        <a href="#">申请发票</a>
                    </li>
                </ul>
            </div>
            <div class="footer-list-center">
                <div class="erweima"><a href="#"><img src="./images/webcode.png" alt=""></a></div>
                <p>扫描微信二维码<br>查看手机版网站<br>随时了解更新最新资讯</p>
            </div>
            <div class="footer-list-right">
                <div class="footer-phone">
                    <span></span>
                    <p>400-9026-365</p>
                </div>
                <div class="footer-chat">
                    <span></span>
                    <a href="#">在线客服</a>
                </div>
                <p>*周一至周五 9:30-18:00 (法定节假日除外)</p>
            </div>
        </div>
    </div>
    <div class="friend">
        <div class="friends">
            <p>友情链接</p>
            <div class="copy-right">
                <p>© Copyright Reserved 2015-2019　|　<a href="#">沪ICP备16011127号-1</a></p>
                <div class="brand">
                    <a href="#"><img src="./images/gongshang.png" alt=""></a>
                    <a href="#"><img src="./images/beian.jpg" alt=""></a>
                </div>
            </div>

        </div>
    </div>
    <div class="productList">
        <ul id="hot-title-ul" id ="pages" >
        </ul>
        <!-- <div class="changePage" >
            <ul class="pagination" id="pagination">
            </ul>
        </div> -->
    </div>
    <div class="page_container">
        <div id="page_main">
               <div id="pages" class="page_div">

               </div>
        </div>
    </div>
</body>
</html>
<script src="./scripts/libs.js"></script>
<script src="./scripts/carts.js"></script>